*{
    font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;
}

a{
    text-decoration: none;
}

a:hover{
    font-weight: bold;
}

ul#menu{
    border: 1px solid #000;
}

ul#menu li{
    display: inline;
}

ul#tarefas{
    list-style: none;
}

ul#tarefas li{
    border: 1px solid #000;
    height: 100px;
}

ul#tarefas li div.descricao{
    float: left;
    border: 1px solid #000;
    width: 350px;
    height: 100px;
    text-align: center;
}

ul#tarefas li div.descricao progress {
    background-color: gray;
    height: 30px;
    width: 290px;
    border: none;
    display: inline-block;
}


ul#tarefas li div.requisito{
    float: left;
    border: 1px solid #000;
    width: 300px;
    height: 100px;
}

ul#tarefas li div.requisito ul li{
    height: 15px;
    border: none;
    list-style: none;
}


ul#tarefas li div.beneficio{
    float: left;
    border: 1px solid #000;
    width: 200px;
    height: 100px;
}

ul#tarefas li div.beneficio ul li{
    height: 15px;
    border: none;
    list-style: none;
}

ul#tarefas li div.acao{
    float: left;
    border: 1px solid #000;
    width: 200px;
    height: 100px;
}

a.button {
    /*background: -moz-linear-gradient(center top , #52A8E8 20%, #2E76CF 100%) repeat scroll 0 0 transparent;*/
    background-color: #6d91ed;
    border-color: #4081AF #4081AF #20559A;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
    color: white;
    display: block;
    margin: 5px;
    padding: 4px 15px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}